<!DOCTYPE html>
<html>    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">        
        <title>
            Index
        </title>
        <!-- Path to Framework7 Library CSS-->
        <link rel="stylesheet" href="css/framework7.ios.min.css">
        <link rel="stylesheet" href="css/framework7.ios.colors.min.css">
        <!-- Path to your custom app styles-->
        <link rel="stylesheet" href="css/my-app.css">
    </head>
    <!-- 字体 、字体大小-->
    <body style="-webkit-text-size-adjust:none;">
        <!-- Status bar overlay for fullscreen mode-->
        <div class="statusbar-overlay">
        </div>
        
        <!-- Views-->
        <div class="views">
            <!-- Your main view, should have "view-main" class-->
            <div class="view view-main">
				<!-- Top Navbar-->
				<div class="navbar">
				    <div class="navbar-inner bg-green">
				        <div class="left sliding">
				            <a href="#" class="link navbar_city">
				                <span class="color-white" id="index_span_city">巴黎</span>
				                <i class="icon icon-bars color-white"></i>
				            </a>
				        </div>
				        <div class="center sliding color-white"></div>
				        <div class="right sliding">
				            <a href="#" class="link icon-only navbar_selfcenter" id="index_a_loginstate">
				                <img src="img/index/avatar.svg" width="28px" />
				            </a>
				        </div>
				    </div>
				</div>
				<!-- Pages, because we need fixed-through navbar and toolbar, it has additional appropriate classes-->
				<div class="pages navbar-through toolbar-through">
				    <!-- Index Page-->
				    <div data-page="index" class="page bg-white" id="index">
				        <div class="page-content">
				            <!-- banner -->       
				            <div class="banner"></div>
				
				            <!-- part2-->
				            <div style="text-align: center;margin:15px 0;">
				            	<div>
				                    <img src="img/index/logo.png" style="width:20%;">
				                </div>
				                <div class="yahei size_15">
				                	过当地人的生活，法国玩伴搜索平台
				                </div>
				                <div class="yahei size_12">
				                    *******过当地人的生活，法国玩伴搜索平台 *******
				                </div>
				            </div>
				            <!-- part3-->
				            <div class="row no-gutter">
				                <div class="col-33" style="width: calc((100% - 3px)/ 3);">
				                	<a href="playingmethodlist.html">
				                		<img src="img/index/index_2.png" style="width: 100%;height:175px;">
				                	</a>
				                </div>
				                <div class="col-33" style="width: calc((100% - 3px)/ 3);">
				                	<a href="selfplayingmethodlist.html">
				                		<img src="img/index/index_3.png" style="width: 100%;height:175px;">
				                	</a>
				                </div>
				                <div class="col-33" style="width: calc((100% - 3px)/ 3);">
				                    <a href="scopelist.html" >
				                    	<img src="img/index/index_4.png" style="width: 100%;height:175px;">
				                    </a>
				                </div>
				            </div>
				            <!-- part4-->
				            <div class="content-block-title color-black">
				                <img src="img/index/stick.png">
				                <span class="yahei bold" style="vertical-align: top;line-height: 25px;">新玩法</span>
				             </div>
				             <div class="new_playitem">							
				             </div>
				            <div style="text-align: center;margin-top:2vh;">
				                <p style="width:30%;margin:0 auto;">
				                    <a href="playingmethodlist.html" class="button color-green" style="">查看更多 </a>
				                </p>
				            </div>
				            <!-- part5-->
				            <div class="content-block-title color-black">
				                <img src="img/index/stick.png">
				                <span class="yahei bold" style="vertical-align: top;line-height: 25px;">热门玩法 </span>
				            </div>
				            <div class='hot_playitem'></div>
				            <div style="text-align: center;">
				                <p style="width:30%;margin:20px auto;">
				                    <a href="playingmethodlist.html" class="button color-green" style="">查看更多 </a>
				                </p>
				            </div>
				            <!-- part6-->
				             <div class="content-block-title color-black">
				                <img src="img/index/stick.png">
				                <span class='yahei bold' style="vertical-align: top;line-height: 25px;">哇吖自营 </span>
				             </div>
				             <div class="self_playitem"></div>
				             <div style="text-align: center;">
				                <p style="width:30%;margin:20px auto;">
				                    <a href="selfplayingmethodlist.html" class="button color-green" style="">查看更多 </a>
				                </p>
				             </div>
				       	</div>
				   	</div>
				</div>  
        	</div>        	
        </div>

<!-- Templates-->
<script id="IndexBanner" type="text/template">
	<div class="color-white bold yahei" style="font-size:40px;position: absolute;z-index: 999;top: 25vh;left: 5vw;">
    <div style="line-height:40px;">{{cityCn}}<span style="font-size: 30px">{{cityEn}}</span></div>
    <div style="height:30px;">
    <div style="float:left;width: 30px;height: 30px;background:url('{{weather_icon_url}}') {{weather_icon}}px 0px no-repeat;"></div>
    <div class="color-white bold yahei" style="float:left;margin-left:5px;font-size:15px;line-height:30px;">{{temp}}℃</div>
	</div>
    </div>
    <div class="swiper-container swiper-index_banner">
		<div class="swiper-pagination swiper-pagination-index_banner"></div>
		<div class="swiper-wrapper">
			{{#each iconUrl}}
			<div class="swiper-slide imgslide" style="background-image:url('{{this}}')"></div>
			{{/each}}
		</div>
	</div>
</script>

<script id="IndexPlayItem" type="text/template">
	<div class="swiper-container swiper-index_new_playitem">
		<div class="swiper-wrapper" style="padding:10px 0px;">
        {{#if this}}
    	{{#each this}}
    	<div class="playitem swiper-slide" style="background: #FBFBFB;box-shadow: 0 1px 2px rgba(0,0,0,.3);border-radius: 2px;" data-id="{{id}}" data-type="{{type}}">
    	    <div style="background-image:url({{thumb}});width:100%;height:172px;background-size: cover;"  class="color-white no-border">
    	    	<div class="color-white bold yahei" style="height:100%;width:80%;padding-top:20%;padding-left:10%;font-size: 18px;text-align: center;">{{name}}</div>
    	    </div>
    	    <div class="card-content">
    	        <div style="position: absolute;width:30%;top:-50%;height:150%;text-align: center;">
    	            <img src="{{userIcon}}" style="width: 80px;height:80px;border-radius: 80px;"/>
    	            <div class="yahei size_12">{{realName}}</div>
    	        </div>
    	        <div class="row no-gutter" style="height:78px;">
    	            <div class="yahei size_12 introtext" style="width: 50%;padding:1% 0 0 30%;">
    	               {{summary}}
    	            </div>
    	            <div class="yahei" style="display:table;text-align: center;width:18%;height: 100%;color:#4cd964;font-size: 16px;font-weight: bold;">
						<div style="vertical-align: middle;display: table-cell;">{{price}}</div>
    	            </div>
    	            </a>
    	        </div>
    	    </div>
    	</div>
    	{{/each}}
        {{else}}
    	  <div class="yahei size_12 color-gray" style="text-align:center;">暂无数据</div>
        {{/if}}
		</div>
	</div>
</script>

<script id="PlayItem" type="text/template">
    {{#if this}}
    	{{#each this}}
    	<div class="playitem" style="background: #FBFBFB;margin:10px;box-shadow: 0 1px 2px rgba(0,0,0,.3);
         border-radius: 2px;" data-id="{{id}}" data-type="{{type}}">
    	    <div style="background-image:url({{thumb}});width:100%;height:172px;background-size: cover;"  class="color-white no-border">
    	    	<div class="color-white bold yahei" style="height:100%;width:80%;padding-top:20%;padding-left:10%;font-size: 18px;text-align: center;">{{name}}</div>
    	    </div>
    	    <div class="card-content">
    	        <div style="position: absolute;width:30%;top:-50%;height:150%;text-align: center;">
    	            <img src="{{userIcon}}" style="width: 80px;height:80px;border-radius: 80px;"/>
    	            <div class="yahei size_12">{{realName}}</div>
    	        </div>
    	        <div class="row no-gutter" style="height:78px;">
    	            <div class="yahei size_12 introtext" style="width: 50%;padding:1% 0 0 30%;">
    	               {{summary}}
    	            </div>
    	            <div class="yahei" style="display:table;text-align: center;width:18%;height: 100%;color:#4cd964;font-size: 16px;font-weight: bold;">
						<div style="vertical-align: middle;display: table-cell;">{{price}}</div>
    	            </div>
    	            </a>
    	        </div>
    	    </div>
    	</div>
    	{{/each}}
    {{else}}
    	<div class="yahei size_12 color-gray" style="text-align:center;">暂无数据</div>
    {{/if}}
</script>

<script id="PlaySelfItem" type="text/template">
    <div class="list-block media-list" style='margin:0;'>
         <ul>
            {{#if this}}
            	{{#each this}}
            		<li data-id="{{id}}" class="selfplayitem" style="background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.3);margin: 10px;border-radius: 2px;font-size: 14px;">
            			<a href="#" class="item-link item-content">
						    <div class="item-media" style='width: 120px;height: 90px;background: url({{thumb}}) no-repeat;background-size: cover;'>
						    </div>
            				<div class="item-inner">
            					<div class="item-title-row">
            						<div class="item-title bold yahei size_15">{{name}}</div>
            						<div class="item-after size_15 color-green">{{priceTotal}}</div>
            					</div>
            					<div class="item-subtitle size_12" style='margin:5px 0;'>
            						<span class="color-green">{{orders}}</span>人购买 &nbsp;&nbsp;
            						<span class="color-green">{{count}}</span>人评论
            					</div>			
            					<div class="item-text">{{summary}}
            					</div>
            				</div>
            			</a>
            		</li>
            	{{/each}}
            {{else}}
            	<li class="yahei size_12 color-gray" style="text-align:center;">暂无数据</li>
            {{/if}}
        </ul>
    </div>
</script>
<script id="SelfPlayDescLine" type="text/template">
{{#each descLineApp}}
      	    <li>
               <div class="item-content" style="float:left;">
                    <img src="{{this}}" style="width:100%;">
               </div>
            </li>
{{/each}}
</script>
<script id="SelfPlayDescPrice" type="text/template">
{{#each descPriceApp}}
      	    <li>
               <div class="item-content" style="float:left;">
                    <img src="{{this}}" style="width:100%;">
               </div>
            </li>
{{/each}}
</script>

<script id="PlayingMethodCity" type="text/template">
	{{#each this}}
		{{#each content}}
			<li class="list-group-title" style="background:0;">{{country}}</li>
			<li>
			    <div class="row" style="margin:5px;justify-content: flex-start;">
			    	{{#each content}}
			    		<div class="col-33" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
                            <a href="#" class="button btn_item size_12" style="width:90%;margin:0 auto;" data-city="{{name}}" data-id="{{id}}">{{name}}</a>
                        </div>
			    	{{/each}}
				</div>
			</li>
		{{/each}}
	{{/each}}
</script>

<script id="PlayingMethodType" type="text/template">
	<li>
	<div class='row' style='margin:5px;justify-content: flex-start;'>
	<div class="col-33 active" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
		<a href="#" class="button active btn_item size_12" data-id="0" style="width:90%;margin:0 auto;">不限</a>
	</div>
    </div>
    </li>
	{{#each this}}
	  <li class="list-group-title" style="background:0;">{{name}}</li>
	  <li>
	  <div class='row' style='margin:5px;justify-content: flex-start;'>
	  {{#each child}}
		<div class="col-33" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
			<a href="#" class="button btn_item size_12" data-id="{{id}}" style="width:90%;margin:0 auto;">{{name}}</a>
		</div>
	  {{/each}}
      </div>
	  </li>
	{{/each}}
</script>

<script id="ScopeTypeTag" type="text/template">
    {{#each this}}
     <li class="list-group-title">{{name}}</li>
	 <li>
	  <div class="row scopetypetag" style="margin:5px;justify-content: flex-start;">
	  {{#each tags}}
	    {{#if typeId}}
    		{{#if @first}}
    		<div class="col-33 active" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
    			<a href="#" class="button active btn_item size_12" data-id="{{typeId}}" style="width:90%;margin:0 auto;">{{typeName}}</a>
    		</div>
    		{{else}}
    		<div class="col-33" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
    			<a href="#" class="button btn_item size_12" data-id="{{typeId}}" style="width:90%;margin:0 auto;">{{typeName}}</a>
    		</div>
    		{{/if}}
    	{{else}}
    		<div class="col-25"></div>
    	{{/if}}
	  {{/each}}
      </div>
	</li>
   {{/each}}
</script>

<script id="SelfHeadPart" type="text/template">
	<div class="blur" style="background-image: url('{{bgurl}}') ;background-size:100% 100%;width: 100vw;height: 145px;"></div>
	<div style="position: absolute;width: 100vw;text-align: center;height: 145px;top: 45px;">
		<img src="{{headicon}}" class="roundimg_80" style="margin-top:2%;"/>
		<div class="color-white yahei size_12">{{name}}</div>   
	</div>
</script>

<script id="ScopeList" type="text/template">
    {{#each this}}
    	<div class="card ks-card-header-pic scopeitem" data-id="{{id}}">
            <div style="background-image:url('{{thumb}}')" valign="bottom" class="card-header color-white no-border yahei">
            	{{country}}-{{city}}
            </div>
            <div class="card-content">
            	<div class="card-content-inner">
            		<p>
            			<span class="size_15">{{name}}</span>
            			<span class="size_12">({{subTitle}})</span>
            		</p>
            		<p class="color-gray introtext">{{summary}}</p>
              	</div>
            </div>
            <div class="card-footer">
            </div>
    	</div>
    {{/each}}
</script>

<script id="SelfMsg" type="text/template">
    {{#each this}}
     <li data-id="{{rev_id}}" class="msgitem">
         <a href="#" class="item-link item-content">
             <div class="item-media">
                 <i class="icon">
                     <img src="{{userIcon}}" class="roundimg_80"/>
                     {{unread}}
                 </i>
             </div>
             <div class="item-inner">
                 <div class="item-title-row">
                         <div class="item-title bold yahei size_15">{{userName}}</div>
                         <div class="item-after size_15">{{created}}</div>
                 </div>
                 <div class="item-subtitle size_15">&nbsp;</div>
                 <div class="item-text">{{message}}</div>
             </div>
         </a>
     </li>
    {{/each}}
</script>

<script id="MyOrderList" type="text/template">
    {{#each this}}
        <li data-id="{{id}}" class="orderitem">
            <div class="row" style="padding: 5px 10px 5px 10px;">
                <div class="col-80 bold size_15">{{title}}</div>
                <div class="col-20 color-green size_12">{{status}}</div>
            </div>
            <hr style="margin: 0;" class="color-gray">
            <div class="row" style="padding: 8px 10px 8px 10px;">
                <div class="col-80 size_12 color-gray">{{startDay}}至{{stopDay}}<br>{{persons}}人</div>
                <div class="col-20 size_12 color-green">{{moneyTotal}}</div>
            </div>
        </li>
        <li><div class="item-divider"></div></li>
    {{/each}}
</script>

<script id="MyRemarkList_1" type="text/template">
    {{#each this}}
        <li data-id="{{id}}">
            <div class="row" style="width: 100vw;">
                <div class="col-33">
                    <img src="{{thumb}}" style="width:120px;height: 80px;">
                </div>
                <div class="col-66" style="color: #8e8e93;padding-right: 5vw;">
                    <a href="orderdetail.html">
                        <div class="bold yahei color-black size_15" style="padding: 10px 0px 5px 0px;">
                        {{name}}
                        </div>
                    </a>    
                    <div class="size_12">
                        <div style="float: left;">{{track_score}}</div>
                        <div style="float: right;">{{created}}</div>
                    </div>
                </div>  
            </div>
            <hr class="color-gray" style="margin: 0;">
            <div style="padding: 5px;" class="size_12">
                {{comments}}    
                <div class="row">
                {{#each tourist_pic}}
                    <div class="col-25"><img src="{{this}}" style="width: 100%;height: 60px;"></div>
                {{/each}}
                </div>
            </div>
        </li>
        <li><div class="item-divider"></div></li>
    {{/each}}
</script>

<script id="MyRemarkList_2" type="text/template">
    {{#each this}}
        <li data-id="{{id}}">
            <div class="row" style="width: 100vw;">
                <div class="col-33">
                    <img src="{{thumb}}" style="width:120px;height: 80px;">
                </div>
                <div class="col-66" style="color: #8e8e93;padding-right: 5vw;">
                    <a href="#">
                        <div class="bold yahei color-black size_15" style="padding: 10px 0px 5px 0px;">
                        {{name}}
                        </div>
                    </a>    
                    <div class="size_12">
                        <div style="float: right;">
                            <a href="" class="button remark" data-id="{{orderNo}}">去点评</a>
                        </div>
                    </div>
                </div>  
            </div>
        </li>
        <li><div class="item-divider"></div></li>
    {{/each}}
</script>

<script id="OrderProcess_1" type="text/template">
    {{#each this}}
        <li data-id="{{order_id}}" class="orderitem">
            <div class="row" style="width: 100vw;">
                <div class="col-33">
                    <img src="{{thumb}}" style="width:120px;height: 80px;">
                </div>
                <div class="col-66" style="color: #8e8e93;">
                    <div class="bold yahei color-black size_15" style="padding: 10px 0px 5px 0px;">{{orderName}}</div>   
                    <div class="size_12">{{startDay}}至{{stopDay}}</div>
                    <div class="size_12">
                        <div style="float: left;">{{persons}}人出行</div> 
                        <div style="float: right;">
                            {{status}}
                        </div>                       
                    </div>
                </div>  
            </div>
        </li>
        <li><div class="item-divider"></div></li>
    {{/each}}
</script>

<script id="OrderProcess_2" type="text/template">
    {{#each this}}
        <li data-id="{{order_id}}" class="orderitem">
            <div class="row" style="width: 100vw;">
                <div class="col-33">
                    <img src="{{thumb}}" style="width:120px;height: 80px;">
                </div>
                <div class="col-66" style="color: #8e8e93;">
                    <div class="bold yahei color-black size_15" style="padding: 10px 0px 5px 0px;">{{orderName}}</div>   
                    <div class="size_12">{{startDay}}至{{stopDay}}</div>
                    <div class="size_12">
                        <div style="float: left;">{{persons}}人出行</div> 
                        <div style="float: right;">
                            <a href="#" class="button process" data-id="{{order_id}}">去处理</a>
                        </div>                       
                    </div>
                </div>  
            </div>
        </li>
        <li><div class="item-divider"></div></li>
    {{/each}}
</script>
        <script type="text/javascript" src="http://maps.google.cn/maps/api/js?key=AIzaSyCXDeoGjdaJoF22xDyU0L-cugypMDjxQJY"></script>
        <!-- Path to Framework7 Library JS-->
        <script type="text/javascript" src="js/framework7.js"></script>
        <!-- app init start-->
        <script type="text/javascript" src="js/myApp/app-init-start.js"></script>
        <!-- tempalte settings -->
        <script type="text/javascript" src="js/myApp/template-init.js"></script>
        <!-- 全局事件 -->
        <script type="text/javascript" src="js/myApp/global-event.js"></script>
        <!-- Page init-->
        <script type="text/javascript" src="js/myApp/pageInit/citybrowser.js"></script>
        <script type="text/javascript" src="js/myApp/pageInit/index.js"></script>
        <script type="text/javascript" src="js/myApp/pageInit/wanfa.js"></script>
        <script type="text/javascript" src="js/myApp/pageInit/wanfa_map.js"></script>
        <script type="text/javascript" src="js/myApp/pageInit/ziying.js"></script>
        <script type="text/javascript" src="js/myApp/pageInit/jingdian.js"></script>
        <script type="text/javascript" src="js/myApp/pageInit/login.js"></script>
        <script type="text/javascript" src="js/myApp/pageInit/register.js"></script>
        <script type="text/javascript" src="js/myApp/pageInit/usercenter.js"></script>
        <script type="text/javascript" src="js/myApp/pageInit/order.js"></script>
        <!-- App手动init和全局函数-->
        <script type="text/javascript" src="js/myApp/global-function.js"></script>
        <!-- 加载首页 -->
        <script type="text/javascript">
        var url=location.search;
        if (url.indexOf("?") != -1) {
        	var url=url.substr(1);
        }
        if(url){
        	mainView.router.loadPage(url);
        }        
        myApp.init();
        </script>
        
    </body>
</html>
